<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>排行榜</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<link rel="stylesheet" href="../../css/frozen.css">
	<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<section class="h-ranking">
	<div class="ui-tab">
		<ul class="ui-tab-nav ui-border-b">
			<li class="current">个人排行</li>
			<li>企业排行</li>
		</ul>
		<!-- content start -->
		<ul class="ui-tab-content" style="width:200%">
			<!-- 个人 -->
			<li class="current">

				<ul class="ui-list ui-list-function fit-list ui-border-tb">
					<li class="ui-border-t">
						<span class="h-rank" data-rank="1"></span>
						<div class="ui-avatar-s">
							<span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">108542</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="2"></span>
						<div class="ui-avatar-s">
							<span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">13213</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="3"></span>
						<div class="ui-avatar-s">
							<span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">4545</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="4"></span>
						<div class="ui-avatar-s">
							<span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">7897</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="5"></span>
						<div class="ui-avatar-s">
							<span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">7897</span>
					</li>
				</ul>

			</li>

			<!-- 企业 -->
			<li>

				<ul class="ui-list ui-list-function fit-list ui-border-tb">
					<li class="ui-border-t">
						<span class="h-rank" data-rank="1"></span>
						<div class="fde-ava">
							<span style="background-image:url(../../img/data1.jpg)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">北京昂沁科技有限公司</h4>
						</div>
						<span class="sig-rtime defaulfont">108542</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="2"></span>
						<div class="fde-ava">
							<span style="background-image:url(../../img/data2.jpg)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">北京昂沁科技有限公司</h4>
						</div>
						<span class="sig-rtime defaulfont">13213</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="3"></span>
						<div class="fde-ava">
							<span style="background-image:url(../../img/data1.jpg)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">4545</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="4"></span>
						<div class="fde-ava">
							<span style="background-image:url(../../img/data2.jpg)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">7897</span>
					</li>
					<li class="ui-border-t">
						<span class="h-rank" data-rank="5"></span>
						<div class="fde-ava">
							<span style="background-image:url(../../img/data1.jpg)"></span>
						</div>
						<div class="ui-list-info">
							<h4 class="ui-nowrap">爱炫耀的人</h4>
						</div>
						<span class="sig-rtime defaulfont">7897</span>
					</li>
				</ul>

			</li>
		</ul>
		<!-- content end -->
	</div>


</section>

<script src="../../lib/zepto.min.js"></script>
<script src="../../js/frozen.js"></script>
<script src="../../js/main.js"></script>
<script>
	/* tab */
	window.addEventListener('load', function(){
		var tab = new fz.Scroll('.ui-tab', {
			role: 'tab',
			interval: 3000
		});
	})
</script>
</body>
</html>